.banner-container{width: 100%;position: relative;}
.banner{width: 100%;}
.banner-picwords{width: 100%;}
.banner-pic{width: 100%;}
.banner-pic img{width: 100%;object-fit: cover;}
.banner-pic .banner-pc{display: block;min-height: 520px;}
.banner-pic .banner-mb{display: none;}
.banner-words{position: absolute;z-index: 6;top: 50%;left: 14%;transform: translate(0,-50%);}
.banner-words h4{font-size: 64px;color: #fff;font-family: 'SYREGULUM';}
.banner-words h4 span{color: #e3144e;font-weight: bold;}
.banner-words p{font-size: 18px;color: #fff;font-family: 'SYREGULUM';}
.banner-words a{display: block;font-size: 16px;color: #fff;width: 158px;height: 52px;text-align: center;line-height: 52px;border: 1px solid #fff;border-radius: 4px;margin-top: 44px;transition: all .4s ease-in-out;}
.banner-words a:hover{background: #e3144e;border-color: #e3144e;}
.swiper-slide-active .banner-words h4{animation: banWords 1s ease-in-out both 100ms;}
.swiper-slide-active .banner-words p{animation: banWords 1s ease-in-out both 600ms;}
.swiper-slide-active .banner-words a{animation: banWords 1s ease-in-out both 1000ms;}
@keyframes banWords {0% {transform: translateX(120px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
.banner-prev,.banner-next{position: absolute;z-index: 4;top: 50%;width: 58px;height: 58px;margin-top: -29px;cursor: pointer;user-select: none;transition: all .3s ease-in-out;}
.banner-prev{left: 0;background: rgba(255, 255, 255, 0.0) url('../images/banL.png') no-repeat center center;}
.banner-next{right: 0;background: rgba(255, 255, 255, 0.0) url('../images/banR.png') no-repeat center center;}
.banner-prev:hover,.banner-next:hover{background-color: rgba(227, 20, 59, 0.0);}
.banner .swiper-pagination{bottom: 32px;}
.banner .swiper-pagination-bullet {width: 36px;height: 6px;border-radius: initial;background: rgba(255, 255, 255, .1);opacity: 1;position: relative;}
.banner .swiper-pagination-bullet:before{content: "";position: absolute;top: 0;left: 0;background: rgba(255, 255, 255, .52);width: 0;height: 6px;z-index: 1;transition: 0s;}
.banner .slideOntrue.swiper-pagination-bullet:before{width: 100%;transition: all 3.6s ease;}

/* =====banner动画===== */
.banner-dhoneimg{position: absolute;width: 993px;top: 10%;z-index: 1;right: 6%;}
.banner-dhone1{width: 100%;}
.banner-dhone1 img{width: 100%;}
.banner-dhone2{position: absolute;left: 310px;bottom: 320px;z-index: 2;width: 288px;}
.banner-dhone2 img{width: 100%;}
.banner-dhone3{position: absolute;left: 384px;bottom: 380px;z-index: 1;opacity: 0;width: 136px;}
.banner-dhone3 img{width: 100%;}
.swiper-slide-active .banner-dhone2{animation: dhoneR1 1.2s ease both 300ms;}
.swiper-slide-active .banner-dhone3{animation: dhoneR2 1.8s ease infinite 1.6s;}
@keyframes dhoneR1 {0% {opacity: 1;transform: scale(0)}50% {opacity: .4;}100% {opacity: 1;transform: scale(1)}}
@keyframes dhoneR2 {0% {transform: translateY(0);opacity: 1;}50% {transform: translateY(-40px);opacity: 1;}100% {transform: translateY(0);opacity: 1;}}

.banner-dhtwoimg{position: absolute;width: 612px;top: 20%;z-index: 1;right: 14.4%;}
.banner-dhtwo1{width: 100%;position: relative;z-index: 2;}
.banner-dhtwo1 img{width: 100%;}
.banner-dhtwo2{position: absolute;top: 2px;left: 134px;z-index: 3;transition: all .4s ease 600ms;width: 420px;}
.banner-dhtwo2 img{width: 100%;}
.banner-dhtwo3{position: absolute;top: -106px;left: 142px;z-index: 4;width: 431px;opacity: 0;}
.banner-dhtwo3 img{width: 100%;}
.swiper-slide-active .banner-dhtwo2{opacity: 0;}
.swiper-slide-active .banner-dhtwo3{animation: dhtwoR3 1.4s ease both 1s;}
@keyframes dhtwoR3 {0% {opacity: 0;transform: translateY(40px);}100% {transform: translateY(0);opacity: 1;}}


/* ==================== */


.product-container,.apply-container,.news-container{width: 100%;padding: 24px 0 24px 0;}
.product,.apply,.news{width: 1680px;margin: 0 auto;}
.product-picwords{width: 100%;margin-top: 46px;}
.product-picwords ul{margin-left: -1.5%;}
.product-picwords ul li{width: 23.5%;float: left;margin-left: 1.5%;padding: 0px 0 4px 0;border: 1px solid #ececec;text-align: center;transition: all .4s ease-in-out;margin-top: 16px;}
.product-pic{width: 100%;}
.product-pic img{max-width: 100%;}
.product-words{width: 100%;overflow: hidden;font-size: 0;margin-top: 24px;margin-bottom: 14px;}
.product-words h6{font-size: 24px;color: #000;transition: all .3s ease-in-out;}
.product-words h6:hover{color: #e3144e;}
.product-words p{width: 100%;margin-top: 4px;min-height: 25px;}
.product-words p a,.product-words p span{display: inline-block;vertical-align: middle;font-size: 18px;color: #777;}
.product-words p a{transition: all .3s ease-in-out;}
.product-words p a:hover{color: #e3144e;}
.product-words p span{margin: 0 20px;}
.product-picwords ul li:hover{box-shadow: 0 6px 20px 2px #ececec;transform: translateY(-6px)}


.apply-container{background: #f5f5f5;overflow: hidden;position: relative;}
#applylz{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
.apply-top,.apply-bottom{width: 100%;position: relative;z-index: 3;}
.apply-top{margin-top: 34px;}
.apply-top ul{margin-left: -2%;}
.apply-top ul li{width: 48%;float: left;margin-left: 2%;overflow: hidden;position: relative;}
.apply-top ul li a{display: block;width: 100%;height: 100%;}
.apply-top ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.apply-words{position: absolute;z-index: 4;width: 88%;top: 8%;left: 6%;}
.apply-words h6{font-size: 30px;color: #000;font-weight: bold;transition: all .3s ease-in-out;}
.apply-words p{font-size: 18px;color: #666;margin-top: 2px;}
.apply-top ul li a:hover img{transform: scale(1.1);}
.apply-top ul li a:hover h6{color: #e3144e;}
.apply-topsize{width: 100%;height: 440px;overflow: hidden;position: relative;}
.apply-topsize .apply-words{top: 18%;}
.apply-topminl,.apply-topminr{width: 48%;position: relative;height: 240px;overflow: hidden;}
.apply-topminl{float: left;}
.apply-topminr{float: right;}
.apply-topminl .apply-words,.apply-topminr .apply-words{left: 12%;width: 76%;}
.apply-top ul li:nth-child(2)>div:nth-child(2){margin-top: 34px;}
.apply-bottom{width: 100%;margin-top: 34px;}
.apply-bottom ul{margin-left: -2%;}
.apply-bottom ul li{width: 23%;float: left;margin-left: 2%;height: 240px;overflow: hidden;position: relative;}
.apply-bottom ul li a{display: block;width: 100%;height: 100%;}
.apply-bottom ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.apply-bottom ul li a:hover img{transform: scale(1.1);}
.apply-bottom ul li a:hover h6{color: #e3144e;}
.apply-bottom .apply-words{top: 18%;}



.apply-container{background: #f5f5f5;overflow: hidden;position: relative;}
#applylz{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
.apply-top01,.apply-bottom{width: 100%;position: relative;z-index: 3;}


@media screen and (min-width: 1024px) {
	.apply-top01{margin-top: 34px;}
.apply-top01 ul{margin-left: -2%;}
	.apply-top01 ul li{width: 23%;float: left;margin-left: 2%;overflow: hidden;position: relative;}}
@media screen and (max-width: 1024px) {
	.apply-top01{margin-top:24px;}
.apply-top01 ul{margin-left: -2%;}
	.apply-top01 ul li{width: 100%;float: left;margin-top: 24px;overflow: hidden;position: relative;}}
.apply-top01 ul li a{display: block;width: 100%;height: 100%;}
.apply-top01 ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.apply-words01{position: absolute;z-index: 4;width: 88%;bottom: 8%;left: 6%;}
.apply-words01 h6{font-size: 30px;color: #fff;font-weight: bold;transition: all .3s ease-in-out;}
.apply-words01 p{font-size: 18px;color: #fff;margin-top: 2px;}
.apply-top01 ul li a:hover img{transform: scale(1.1);}
.apply-top01 ul li a:hover h6{color: #e3144e;}
.apply-topsize{width: 100%;height: 440px;overflow: hidden;position: relative;}
.apply-topsize .apply-words{top: 18%;}
.apply-topminl,.apply-topminr{width: 48%;position: relative;height: 240px;overflow: hidden;}
.apply-topminl{float: left;}
.apply-topminr{float: right;}
.apply-topminl .apply-words,.apply-topminr .apply-words{left: 12%;width: 76%;}
.apply-top01 ul li:nth-child(2)>div:nth-child(2){margin-top: 34px;}
.apply-bottom{width: 100%;margin-top: 34px;}
.apply-bottom ul{margin-left: -2%;}
.apply-bottom ul li{width: 23%;float: left;margin-left: 2%;height: 240px;overflow: hidden;position: relative;}
.apply-bottom ul li a{display: block;width: 100%;height: 100%;}
.apply-bottom ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.apply-bottom ul li a:hover img{transform: scale(1.1);}
.apply-bottom ul li a:hover h6{color: #e3144e;}
.apply-bottom .apply-words{top: 18%;}


.news-container{background: #f3f7ff;}
.news-click{width: 100%;overflow: hidden;font-size: 0;margin-top: 28px;text-align: center;}
.news-click ul li{display: inline-block;cursor: pointer;width: 148px;height: 48px;line-height: 48px;font-size: 18px;color: #687286;background: #fff;border: 1px solid #e5eaf4;margin: 0 6px;user-select: none;}
.news-click ul li.ontrue{background: #e3143b;color: #fff;border-color: #e3144e;}
.news-wordsbox{width: 100%;margin-top: 66px;box-shadow: 0 6px 16px 4px #e3e7ee;}
.news-tablist{width: 100%;}
.news-tablist ul li{float: left;height: 398px;overflow: hidden;position: relative;}
.news-tablist ul li a{display: block;width: 100%;height: 100%;}
.news-tablist ul li:first-child{width: 28%;}
.news-tablist ul li:nth-child(2),.news-tablist ul li:nth-child(3),.news-tablist ul li:last-child{width: 24%;}
.news-tablist ul li img{width: 100%;height: 100%;object-fit: cover;transition: all .4s ease-in-out;}
.news-tablist ul li a:hover img{transform: scale(1.1);}
.news-tablist ul li:nth-child(2){background: #e3143b;}
.news-tablist ul li:nth-child(4){background: #fff;}
.news-words{position: absolute;z-index: 2;width: 90%;left: 5%;bottom: 32px;color: #fff;}
.news-words h4{font-size: 26px;font-family: 'SYREGULUM';height: 78px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-words p{font-size: 16px;line-height: 24px;margin-top: 24px;height: 72px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-words h6{width: 100%;color: rgba(255, 255, 255, .3);font-size: 14px;padding-right: 20px;margin-top: 38px;background: url('../images/arrRW.png') no-repeat right center;}
.news-words.black h4{color: #222;}
.news-words.black p{color: #666}
.news-words.black h6{color: #777;background: url('../images/arrRB.png') no-repeat right center;}
.news-wordslist{width: 100%;}
.news-wordslist ul li{float: left;height: 398px;overflow: hidden;position: relative;}
.news-wordslist ul li a{display: block;width: 100%;height: 100%;}
.news-wordslist ul li:first-child{width: 28%;background: #62667a;}
.news-wordslist ul li:nth-child(2){width: 48%;background: #fff;}
.news-wordslist ul li:last-child{width: 24%;background: #e3143b;}





/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {
    .banner-words h4{font-size: 58px;}
    .product, .apply, .news{width: 94%;}
    .product-container, .apply-container, .news-container {padding: 54px 0 14px 0;}
    .product-picwords ul li{padding: 72px 0 80px 0;}
    .apply-top ul li{height: 100%;}
    .apply-topsize{height: 216px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 28px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 216px;}
    .apply-words h6{font-size: 26px;}
    .product-words h6{font-size: 26px;}
	.apply-words01 h6{font-size: 26px;}
    .product-words01 h6{font-size: 26px;}
    .apply-bottom {margin-top: 30px;}
    .news-tablist ul li,.news-wordslist ul li{height: 366px;}
    .news-words h4{font-size: 22px;height: 64px;}

    .banner-dhoneimg{width: 780px;}
    .banner-dhone2 {left: 242px;bottom: 250px;width: 228px;}
    .banner-dhone3 {left: 310px;bottom: 288px;width: 90px;}
    .banner-dhtwoimg{width: 508px;}
    .banner-dhtwo3 {top: -90px;left: 118px;width: 360px;}
    .banner-dhtwo2 {top: 2px;left: 112px;width: 342px;}
}

@media all and (max-width:1460px) {
    .banner-words h4 {font-size: 46px;}
    .product-container, .apply-container, .news-container {padding: 66px 0 14px 0;}
    .apply-top ul li{height: 100%;}
    .apply-topsize{height: 188px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 24px;}
    .apply-top{margin-top: 46px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 188px;}
    .apply-words h6 {font-size: 24px;}
	.apply-words01 h6 {font-size: 20px;}
    .news-wordsbox {margin-top: 48px;}
    .news-tablist ul li, .news-wordslist ul li {height: 320px;}
    .news-words h4 {font-size: 20px;height: 58px;}
    .news-words p{margin-top: 18px;}
    .news-words h6{margin-top: 28px;}

    .banner-dhoneimg{width: 680px;}
    .banner-dhone2 {left: 218px;bottom: 222px;width: 188px;}
    .banner-dhone3 {left: 272px;bottom: 248px;width: 72px;}
    .banner-dhtwoimg{width: 458px;}
    .banner-dhtwo3 {top: -82px;left: 106px;width: 326px;}
    .banner-dhtwo2 {top: 2px;left: 100px;width: 308px;}
}

@media all and (max-width:1380px) {
    .banner-words h4 {font-size: 42px;}
    .product-container, .apply-container, .news-container {padding: 60px 0 14px 0;}
    .product-words h6 {font-size: 22px;}
	.product-words01 h6 {font-size: 22px;}
    .product-words p a, .product-words p span {font-size: 16px;}
    .product-words p span {margin: 0 16px;}
    .product-words {margin-top: 30px;}
    .product-picwords ul li {padding: 54px 0 60px 0;}
    .product-picwords {margin-top: 30px;}
    .apply-top ul li{height: 100%;}
    .apply-topsize{height: 160px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 20px;}
    .apply-top{margin-top: 46px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 160px;}
    .apply-words h6 {font-size: 20px;}
    .apply-words p {font-size: 16px;}
    .news-tablist ul li, .news-wordslist ul li {height: 300px;}
    .apply-bottom {margin-top: 26px;}
    .news-wordsbox {margin-top: 40px;}
    .news-words h4 {font-size: 18px;height: 54px;}
    .news-words p {font-size: 14px;line-height: 22px;margin-top: 14px;height: 66px;}
    .news-words h6 {margin-top: 20px;}
}

@media all and (max-width:1280px) {
    .banner-words h4 {font-size: 38px;}
}

@media all and (max-width:1200px) {
    .banner-words h4 {font-size: 34px;}
    .banner-words a{margin-top: 28px;}
    .product-words p a, .product-words p span {font-size: 14px;}
    .product-words p span {margin: 0 12px;}
    .apply-top ul li{height: 100%;}
    .apply-topsize{height: 140px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 20px;}
    .apply-top{margin-top: 46px;}
    .apply-bottom ul li,.apply-topminl, .apply-topminr{height: 140px;}
    .apply-bottom {margin-top: 22px;}
    .apply-words p {font-size: 14px;}
    .news-words h4 {font-size: 16px;height: 46px;}
    .news-tablist ul li, .news-wordslist ul li {height: 260px;}
    .news-words p {font-size: 14px;line-height: 20px;margin-top: 10px;height: 60px;}
    .news-words h6 {margin-top: 14px;}
}


/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .banner-pic .banner-pc{display: none;}
    .banner-pic .banner-mb{display: block;}
    .banner-prev, .banner-next{display: none;}
    .banner-words {left: 3%;width: 94%;}
    .banner-words h4 {font-size: 26px;}
    .banner-words p {font-size: 14px;}
    .banner-words a {width: 140px;height: 44px;line-height: 44px;margin-top: 16px;}
    .banner .swiper-pagination {bottom: 14px;}
    .product-container, .apply-container, .news-container {padding: 34px 0 24px 0;}
    .product-picwords {margin-top: 20px;}
    .product-picwords ul li{width: 48.5%;padding: 0px 0 0px 0;}
    .product-words h6 {font-size: 16px;}
    .product-words {margin-top: 16px;}
    .product-words p a, .product-words p span {font-size: 12px;}
    .product-words p span {margin: 0 8px;}
    .apply-top ul{margin-left: 0;}
    .apply-top ul li{width: 100%;margin-left: 0;height: auto;}
    .apply-top ul li:last-child{margin-top: 16px;}
    .apply-topsize{height: 140px;}
    .apply-top ul li:nth-child(2)>div:nth-child(2) {margin-top: 16px;}
    .apply-words h6 {font-size: 16px;}
    .apply-words p {font-size: 12px;}
	.apply-words01 h6 {font-size: 16px;}
    .apply-words01 p {font-size: 12px;}
	
    .apply-bottom ul li{width: 48%;margin-top: 6px;}
    .apply-bottom {margin-top: 12px;}
    .news-click ul li {width: 92px;height: 40px;line-height: 40px;font-size: 16px;margin: 0 4px;}
    .news-tablist ul li{width: 50% !important;height: 200px;}
    .news-words h4 {font-size: 14px;height: 40px;}
    .news-words p {font-size: 12px;line-height: 18px;margin-top: 8px;height: 54px;}
    .news-words h6 {margin-top: 10px;font-size: 12px;}
    .news-words {bottom: 16px;}
    .news-wordslist ul li{width: 100% !important;height: 180px;}
    .news-wordsbox {margin-top: 28px;}
    .apply-top {margin-top: 32px;}
    .apply-topminl, .apply-topminr{width: 49%;}

    .banner-dhoneimg,.banner-dhtwoimg{display: none;}
}


 .section-2 {
  height: 953px;
  position: relative;
  background-image: url("../images/bg01.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /*
  padding-top: 7px;
  .left-image {
    width: 1008px;
    height: 765px;
    background-image: url('../images/shouhui.png');
    .bgcontain();
  } */
}

 .section-2 .years {
  position: absolute;
  right: 51px;
  bottom: 42px;
  width: 70px;
  height: 501px;
  /* transform: rotate(90deg); */
  /* transform-origin: 100% 0%; */
  background: url("../images/ss2.png") no-repeat center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

 .section-2 .texture-1 {
  width: 116.1px;
  height: 75px;
  position: absolute;
  top: 75px;
  right: 0;
  background: url("../images/texture-1.png") no-repeat center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

 .section-2 .right-wrapper {
  width: 500px;
  position: absolute;
  right: 316px;
  /* left: 61%; */
  top: 270px;
}

 .section-2 .right-wrapper .title-sm {
  margin-bottom: 24px;
  height: 11px;
  font-size: 14px;
  font-family: Bjorn;
  font-weight: 400;
  color: rgba(24, 24, 24, 0.4);
  line-height: 11px;
}

 .section-2 .right-wrapper .title-big {
  padding-bottom: 30px;
  margin-bottom: 36px;
  position: relative;
  font-size: 48px;
  
  font-weight: 400;
  color: #000000;
  line-height: 57px;
}

 .section-2 .right-wrapper .title-big::after {
  position: absolute;
  bottom: 1px;
  left: 0px;
  content: '';
  width: 27px;
  height: 1px;
  background: rgba(100, 100, 100, 0.25);
}

 .section-2 .right-wrapper .description {
  font-size: 14px;
  
  font-weight: 400;
  color: #181818;
  line-height: 26px;
  margin-bottom: 42px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

 .section-2 .right-wrapper .description2 {
  font-size: 12px;
  font-family: Montserrat;
  font-weight: 300;
  color: rgba(24, 24, 24, 0.6);
  line-height: 22px;
  margin-bottom: 62px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

 .section-2 .right-wrapper .arrow-right {
  width: 119.8px;
  height: 46.5px;
  background-image: url("../images/arrow-right.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

 .section-23 {
  /* height: (763px+157px); */
  height: 870px;
  position: relative;
  background: #F1F2F3;
}

 .section-23 .right-image {
  width: 951.8px;
  max-width: calc(100% - 976px);
  height: 736px;
  background: url("../images/bg02.jpg") no-repeat top center;
  background-size: contain;
  background-position: top center;
  position: absolute;
  right: 0;
      top: 70px;
  /* TODO */
}

 .section-23 .years-2 {
  position: absolute;
  left: 51px;
  top: 268px;
  width: 70px;
  height: 319px;
  /* transform: rotate(90deg); */
  /* transform-origin: 100% 0%; */
  background: url("../images/ss1.png") no-repeat center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

 .section-23 .texture-1 {
  width: 116.1px;
  height: 75px;
  position: absolute;
  top: -37px;
  left: 0;
  background: url("../images/texture-2.png") no-repeat center;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

 .section-23 .left-wrapper {
  width: 500px;
  position: absolute;
  left: 247px;
  top: 22px;
}

 .section-23 .left-wrapper .title-sm {
  margin-bottom: 24px;
  height: 11px;
  font-size: 14px;
  font-family: Bjorn;
  font-weight: 400;
  color: rgba(24, 24, 24, 0.4);
  line-height: 11px;
}

 .section-23 .left-wrapper .title-big {
  padding-bottom: 30px;
  margin-bottom: 36px;
  position: relative;
  font-size: 48px;
  
  font-weight: 400;
  color: #000000;
  line-height: 57px;
}

 .section-23 .left-wrapper .title-big::after {
  position: absolute;
  bottom: 1px;
  left: 0px;
  content: '';
  width: 27px;
  height: 1px;
  background: rgba(100, 100, 100, 0.25);
}

 .section-23 .left-wrapper .description {
  font-size: 14px;
  
  font-weight: 400;
  color: #181818;
  line-height: 26px;
  margin-bottom: 42px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

 .section-23 .left-wrapper .description2 {
  font-size: 12px;
  font-family: Montserrat;
  font-weight: 300;
  color: rgba(24, 24, 24, 0.6);
  line-height: 22px;
  margin-bottom: 62px;
  text-align: justify;
  -moz-text-align-last: left;
  text-align-last: left;
}

 .section-23 .left-wrapper .arrow-right {
  width: 119.8px;
  height: 46.5px;
  background-image: url("../images/arrow-right.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

 .section-3 {
  height: 700px;
  width: 100%;
  background: #f5f5f5;;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* swiper start */
  /* swiper end */
}
@media screen and (max-width: 1024px) {
	 .section-3 {
  height: 1072px;
  width: 100%;
  background: #e8ebec;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  /* swiper start */
  /* swiper end */
}
.section-3 .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 960px;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: block;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
}
 .section-3 .swiper-container {
  z-index: 1;
  width: 100%;
  height: 100%;
}

 .section-3 .swiper-container .swiper-custom-prev,
 .section-3 .swiper-container .swiper-custom-next {
  width: 54px;
  height: 54px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  right: 15px;
  top: calc(50% - 54px / 2);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  background-image: url("../images/s3-arrow-right.png");
  z-index: 2;
}

 .section-3 .swiper-container .swiper-custom-prev {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

 .section-3 .swiper-container .swiper-custom-next {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

 .section-3 .swiper-container .fadeOut {
  pointer-events: none;
}

 .section-3 .series-wrapper {
  height: 100%;
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.com-img{ display:block; width:100%; overflow:hidden;}
.com-img img{ transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

 .section-3 .series-wrapper.series-1-bg {
  background-image: url("../images/big1.jpg");
}

 .section-3 .series-wrapper.series-2-bg {
  background-image: url("../images/big2.jpg");
}

 .section-3 .series-wrapper.series-3-bg {
  background-image: url("../images/big3.jpg");
}

.section-3 .series-wrapper.series-4-bg {
  background-image: url("../images/big4.jpg");
}

 .section-3 .series-wrapper .series {
  width: 428px;
  margin: auto;
}

 .section-3 .series-wrapper .series .image-wrapper {
  height: 627px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

 .section-3 .series-wrapper .series .image-wrapper .image-container {
  /* .block-alone-bg {
    background-color: #000;
    background-size: cover;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    opacity: 0;
    pointer-events: none;
    object-fit: cover;
    transition: opacity .8s ease-out;
  } */
  margin: auto;
  width: 419px;
  height: 400px;
  position: relative;
}

 .section-3 .series-wrapper .series .image-wrapper .image-container .block-alone-bg {
  background-position: bottom center;
}

 .section-3 .series-wrapper .series .image-wrapper .image-container .block-alone {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

 .section-3 .series-wrapper .series .image-wrapper .image-container:hover {
  /* 
    .block-alone-bg {
      opacity: 1;
      z-index: 98;
    } */
}

 .section-3 .series-wrapper .series .image-wrapper .image-container:hover .block-alone {
  background: white;
}

 .section-3 .series-wrapper .series .image-wrapper .image-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin-top: 50px;
}

 .section-3 .series-wrapper .series .text-wrapper {
  position: absolute;
  bottom: 190px;
  left: 40px;
  max-width: 355px;
  color: white;
}
@media screen and (max-width: 1024px) {
	 .section-3 .series-wrapper .series .text-wrapper {
  position: absolute;
  top: 20px;
  left: 40px;
  max-width: 355px;
  color: white;
}
}
 .section-3 .series-wrapper .series .text-wrapper .series-text {
  font-size: 14px;
  
  font-weight: 300;
  line-height: 14px;
}

 .section-3 .series-wrapper .series .text-wrapper .series-title {
  margin-top: 20px;
  font-size: 30px; font-weight:bold;
  line-height: 48px;
  letter-spacing: -3.12px;
}

 .section-3 .series-wrapper .series .text-wrapper .series-title::first-letter {
  margin-left: -0.18em;
}

 .section-3 .series-wrapper .series .text-wrapper .series-title .title-pre {
  letter-spacing: 0;
  text-transform: capitalize;
  margin-left: 23px;
  font-size: 32px;
  
  font-weight: 400;
  line-height: 32px;
}

 .section-3 .series-wrapper .series .text-wrapper .series-desc {
  margin-top: 28px;
  font-size: 12px;
  
  font-weight: 400;
  line-height: 20px;
}

 .section-3 .series-wrapper .series .text-wrapper .series-arrow {
  width: 100px;
  height: 30px;
  background-image: url("../images/形状 5 拷贝@2x.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 47px;
}


@media screen and (min-width: 1024px) {.hshs01{width: 25%;height: 100%;position: relative; float:left;padding: 10px;}}
@media screen and (max-width: 1024px) {
	.hshs01{width: 100%;height: 25%;position: relative; margin-top: 24px;
} .section-2 {
    height: auto;
    /* background: url('../images/1px-h5-s2-bg.jpg'); */
    background: url("../images/section-2-1px.png");
    padding-top: 1.74666667rem;
  } .section-2 .bg1 {
    width: 100%;
    height: 7.84933333rem;
    background-image: url("../images/bg001.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  } .section-2 .right-wrapper {
    width: auto;
    padding-left: 1.2rem;
    padding-right: 1.6rem;
    padding-top: 0.62666667rem;
    /* .mt(588); */
    position: relative;
    right: 0;
    top: 0;
    padding-bottom: 1.72rem;
  } .section-2 .right-wrapper .title-sm {
    margin-bottom: 0.34rem;
    font-size: 0.24rem;
    /* letter-spacing: unit(@fs * @sp /1000 * @PX_TO_REM, rem); */
    letter-spacing: 0.04em;
    line-height: 0.17333333rem;
    /* font-family: Bjorn; */
    /* font-weight: 400; */
    /* color: rgba(24, 24, 24, .4); */
    /* line-height: 11px; */
  } .section-2 .right-wrapper .title-big {
    white-space: nowrap;
    padding-bottom: 0.42666667rem;
    margin-bottom: 0.4rem;
    position: relative;
    font-size: 0.8rem;
    line-height: 0.93333333rem;
    /* .cnleft(); */
  } .section-2 .right-wrapper .title-big::after {
    left: 0.18em;
    width: 0.36rem;
  } .section-2 .right-wrapper .description {
    font-size: 14px;
    font-weight: 400;
        line-height: 20px;
    margin-bottom: 0.49333333rem;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
  } .section-2 .right-wrapper .description2 {
    font-size: 0.24rem;
    line-height: 0.4rem;
    margin-bottom: 0.69333333rem;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
  } .section-2 .right-wrapper .arrow-right {
    width: 2.93333333rem;
    height: 0.53333333rem;
    background-image: url("../images/形状 6@2x.png");
  } .section-23 {
    height: auto;
    /* background: url('../images/1px-h5-s2-bg.jpg'); */
    background: url("../images/section-2-1px.png");
  } .section-23 .bg1 {
    width: 100%;
    height: 9.81333333rem;
    background-image: url("../images/bg02.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  } .section-23 .left-wrapper {
    width: auto;
    padding-left: 1.2rem;
    padding-right: 1.6rem;
    padding-top: 1.62666667rem;
    left: 0;
    /* .mt(588); */
    position: relative;
    right: 0;
    top: 0;
    padding-bottom: 2.24rem;
  } .section-23 .left-wrapper .title-sm {
    margin-bottom: 0.34rem;
    font-size: 0.24rem;
    /* letter-spacing: unit(@fs * @sp /1000 * @PX_TO_REM, rem); */
    letter-spacing: 0.04em;
    line-height: 0.17333333rem;
    /* font-family: Bjorn; */
    /* font-weight: 400; */
    /* color: rgba(24, 24, 24, .4); */
    /* line-height: 11px; */
  } .section-23 .left-wrapper .title-big {
    padding-bottom: 0.38666667rem;
    margin-bottom: 0.4rem;
    position: relative;
    font-size: 0.8rem;
    line-height: 0.93333333rem;
    /* .cnleft(); */
  } .section-23 .left-wrapper .title-big::after {
    left: 0.18em;
    width: 0.36rem;
  } .section-23 .left-wrapper .description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 0.49333333rem;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
  } .section-23 .left-wrapper .description2 {
    font-size: 0.24rem;
    line-height: 0.4rem;
    margin-bottom: 0.69333333rem;
    text-align: justify;
    -moz-text-align-last: left;
    text-align-last: left;
  } .section-23 .left-wrapper .arrow-right {
    width: 2.93333333rem;
    height: 0.53333333rem;
    background-image: url("../images/形状 6@2x.png");
  }


}


/*公司介绍*/

.company_main{width: 100%;height: auto;;overflow: hidden;    padding: 90px 0 120px 0;}
.company{width: 1360px;margin: 0 auto;}
.company_zi{width: 100%;height: auto;overflow: hidden; padding: 70px 0 50px 0;margin:0 auto;   background: url('../images/bg04.jpg') no-repeat center center;}
.company_zi ul li{width: 25%;float: left;text-align: center;}
.company_zi ul li:nth-child(3){border-right: 0px}
@media screen and (min-width: 1024px) {.company_zi ul li h4{font-size: 44px;font-family: "Arial";color: #e3143b;font-weight: bold;}}
@media screen and (max-width: 1024px) {.company_zi ul li h4{font-size: 24px;font-family: "Arial";color: #e3143b;font-weight: bold;}}

.company_zi ul li h5{font-size: 16px;color: #fff;font-weight: normal; padding-top:17px;}
.company_text{width: 100%;height: auto;;overflow: hidden;}
.company_text .company_text_zi{font-size: 16px;color: #777;line-height: 40px;text-align: center; height: 200px; overflow: hidden;}
.company_text i{width: 40px;height: 40px;display: block;}
.click_dian{width: 40px;height:40px;margin:0 auto; background: url('../images/about/about_xia.png') no-repeat center center;cursor: pointer;}
.company_text .company_text_zi.onture{height:auto;}

.hshs07:link{ color:#ccc; text-decoration:none; font-size:16px;}
.hshs07:visited{ color:#ccc; text-decoration:none; font-size:16px;}
.hshs07:hover{ color:#fff; text-decoration:underline; font-size:16px;}